const { defineConfig } = require('@vue/cli-service')
const AutoImport = require('unplugin-auto-import/webpack')
const Components = require('unplugin-vue-components/webpack')
const {ElementPlusResolver} =require('unplugin-vue-components/resolvers')
const ElementPlus = require('unplugin-element-plus/webpack')

module.exports = defineConfig({
  transpileDependencies: true,
  lintOnSave:false,
  css: {
    loaderOptions:{
      scss: {
        additionalData: `@use "~/styles/elements/index.scss" as *`
      }
    }
  },
  configureWebpack:{
    plugins:[
      ElementPlus({
        useSource: true
      }),
      AutoImport.default({
        resolvers:[
          ElementPlusResolver()
        ]
      }),
      Components.default({
        resolvers:[
          ElementPlusResolver()
        ]
      })
    ]
  }
})
